<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ include file="WEB-INF/jsp/common/Top.jsp" %>
        <div>
            <div>
                <section>
                    <div id="mid">
                        <div class="card">
                            <div class="photo">
                                <img src="images/hamster3.jpg" width="100px">
                            </div>
                            <h2>宠物鼠</h2>
                            <p>温顺、爱干净</p>
                            <a href="mainForm?species=hamster">查看</a>
                        </div>

                        <div class="card">
                            <div class="photo">
                                <img src="images/cat4.jpg" width=100px >
                            </div>
                            <h2>宠物猫</h2>
                            <p>&nbsp;文静、可爱</p>
                            <a href="mainForm?species=cat">查看</a>
                        </div>
                        <div class="card">
                            <div class="photo">
                                <img src="images/dog3.jpg" width=100px >
                            </div>
                            <h2>宠物狗</h2>
                            <p>&nbsp;活泼、忠实</p>
                            <a href="mainForm?species=dog">查看</a>
                        </div>

                        <div class="card">
                            <div class="photo">
                                <img src="images\fish1.jpg" width=100px >
                            </div>
                            <h2>宠物鱼</h2>
                            <p>&nbsp;优雅、绚烂</p>
                            <a href="mainForm?species=fish">查看</a>
                        </div>
                        <div class="card">
                            <div class="photo">
                                <img src="images/bird3.jpg" width=100px >
                            </div>
                            <h2>宠物鸟</h2>
                            <p>&nbsp;自由、沉稳</p>
                            <a href="mainForm?species=bird">查看</a>
                        </div>
                    </div>
                    <div class="pet_species">
                        <label class="pet_label">---------------------------------------------------------</label>
                        <div>
                            <textarea id="comment-Info" class="mytxt" placeholder="您的建议是我们最大的动力"></textarea>
                            <input type="button" class="comment-submit" onclick="f1()" value="提交">
                            <script>
                                function f1(){
                                    var str=document.getElementById("comment-Info").value;
                                    if(str==''){
                                        alert("您未填写建议");
                                    }
                                    else {
                                        $.ajax({
                                            type        : 'POST',
                                            url         : 'Comment?comment='+str,
                                            success     : function (){
                                                alert('提交成功');
                                            }
                                        });
                                    }
                                }
                            </script>
                        </div>
                    </div>

                </section>

            </div>
        </div>
        <%@ include file="WEB-INF/jsp/common/Bottom.jsp" %>